@charset "utf-8";
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td{font-family: Tahoma,Arial,Helvetica,"microsoft yahei","Hiragino Sans GB",Simsun,sans-serif,SimHei;font-weight: normal;font-size:14px;margin:0;padding:0;box-sizing:border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;color: #333333}
table{border-collapse:collapse;border-spacing:0;color: #727272;cellpadding:0;cellspacing:0}
fieldset,img{border:0;margin:0;padding:0;}
ul,li,dl,dd{list-style:none;text-decoration:none;}
a:hover{text-decoration:none;color:#F30800}
a{cursor: pointer;color: #444;text-decoration: none;}
input,textarea,select{outline: none;}
.fl,.ftrue{float:left;display:block;}
.fr,.ffalse{float:right;display:block;}
.clearfix{*zoom:1;}
.clear{clear: both;}
.cleanF{clear: left;}
.cleanR{clear: right;}
.clearfix:after{content:'\0020';display:block;height:0;overflow:hidden;clear:both;}
/**********************************/
/**Map.html**/
html{height:100%}
body{height:100%;margin:0px;padding:0px}
.BMap_cpyCtrl {display: none;}
.anchorBL {display: none;}
.container{height: 100%}
.js-map{overflow:hidden}
.map,.container-map{height:100%;width: 100%;min-width: 1200px;min-height:580px;overflow: hidden}
.map-name{position: absolute;width: 100%;height: auto;min-width: 1200px;top:0;background-color: rgba(0,33,102,1);}
.map-title{background:url(../images/bg_1.png) no-repeat center center;height:80px;text-align: center;background-size: 100% 100%}
.map-info{position: absolute;width:100%;top:80px;height:auto;background-color:rgba(3,6,68,0.8);;min-width: 1200px}
.particulars{height: auto;overflow: hidden;line-height: 40px;width:1200px;margin: 0 auto;min-width:1200px}
.map-item{display: inline-block;color: #ffffff;width:auto;float: left;font-size: 14px;margin-left:10px}
.person-number{display: inline-block;font-size:26px;font-family: Arial;color:#FF0012;font-weight:bolder;vertical-align: top;}
.map-time{width: 150px;margin-left: 0;font-size: 14px;font-weight: 800;}
.map-timeIcon{display: inline-block;margin-left: 8px;float: left;position:relative;left: -6px;}
.map-item select,.map-item input{border: 1px solid #2A325A;height: 26px;line-height: 26px;width:100px;border-radius: 2px;padding: 0 5px;background: rgba(0,0,0,0.4);color: #fff;}
.search{color: #ffffff;font-size: 14px;border: 1px solid #999999;padding:2px 10px;margin-left: 10px;font-weight: bolder;cursor: pointer;border-radius: 3px;position: relative;top: 1px;}
.search:hover{border-color: #FF0000}
.data{width:100%;height:auto;position:absolute;top:120px;display: none}
.data .dataLeft{position:absolute;top:0;left:0;width:300px;}
.fa-gew{position:absolute;top:10px;height:28px;width:18px;border: 1px solid #0a166f;text-align: center;line-height:24px;background: #0a166f;color: #fff;border-radius: 3px;z-index:22;cursor:pointer}
.fa-gew .fa{font-size:12px;}
.collect{display: block;left:280px;transition:all 1s ease;vertical-align: middle;}
.shrink{display: block;right:280px;transition:all 1s ease;vertical-align: middle;}
.data .dataRight{position:absolute;top:0;right:0;width:300px;}
.commBorder{margin-top:8px;width:100%;position:relative;min-height: 100px}
.commBorder.quickIcon{min-height: 70px}
.commBorder .bg{position:absolute;top:0;left:0;width:100%;height:100%}
.personDistribution{width:100%}
.attentionTime{width:100%}
.jurisdictionManage{width:100%}
.alarmDistribution{width:100%}
.alarmSituation{padding:0 10px;}
.alarmSituation .table-alarm{color:#ffffff;width:100%;position:relative;z-index:2;}
.alarmSituation .table-alarm thead th{color:#ed9c01;font-weight:600;height: 30px;font-size:12px;text-align: center;}
.alarmSituation .table-alarm tbody td{color: #fff;word-wrap:break-word;word-break:normal;font-size:12px;text-align:center;height: 30px;font-weight: lighter;position:relative}
.alarm-content{position:relative;text-align:center;font-size:12px;white-space:nowrap;overflow:hidden;width:80px;color:#fff}
.jumpDiv>label,.jumpDiv>button,.jumpDiv>input{font-size: 12px}
.title{text-align: center;padding:5px 0;position:relative;z-index:77}
.alarmSituationTitle span{display:inline-block}
.select2-container--default .select2-selection--single{border-radius: 0!important;background-color: #020929!important;border-color: #2A325A!important}
.select2-container--default .select2-selection--single .select2-selection__rendered{color: #ffffff!important;line-height: 24px!important;}
.select2-container--default .select2-selection--single .select2-selection__arrow{width: 14px!important;}
.map-item input::-webkit-input-placeholder {color:#ffffff;}
.map-item input:-moz-placeholder {color: #ffffff;}
.map-item input:-ms-input-placeholder {color: #ffffff;}
.draw-open{position: absolute;right: 310px;top:130px;display: block;border-radius: 4px;height: 35px;overflow: hidden;-moz-box-shadow:0px 0px 3px #333333; -webkit-box-shadow:0px 0px 3px #333333; box-shadow:0px 0px 3px #333333;transition: all 1s}
.draw-open>span{display: inline-block;width:40px;height:35px;float: left;cursor: pointer}
.draw-open>span:first-child{border-right: 1px solid #D1D1D1}
.draw-polygon{background: url("/images/bg_drawing_tool.png")no-repeat -272px -5px;}
.draw-polygon.active{background: url("/images/bg_drawing_tool.png")no-repeat -272px -57px;}
.draw-translation{background: url("/images/bg_drawing_tool.png")no-repeat -12px -5px;}
.draw-translation.active{background: url("/images/bg_drawing_tool.png")no-repeat -12px -57px;}
.quickIcon a{display:inline-block;height:45px;width:45px;color:#fff;position:relative;z-index:2;}
.quickIcon a img{width:100%;height:100%;}
.quickIcon a:first-child{margin-left:0;}
.cleanUp{border-bottom-right-radius: 5px;border-top-right-radius: 5px;background-color: #F6F6F6;border-left: 1px solid #737373;z-index: 9999;cursor: pointer}
.BMapLib_Drawing_panel{border-bottom-right-radius:0;border-top-right-radius: 0;border: 0}
.zoom{position: absolute;bottom: 20px;right: 310px;display: inline-block;width: 26px;height: auto;background-color: #D1D1D1;border-radius: 26px;transition: all 1s;overflow: hidden}
.zoom .zoom-item{display: block;width: 100%;height: 30px;font-size: 18px;color: #333333;text-align: center;font-weight: bold;line-height: 30px;cursor: pointer}
.zoom .zoom-item:hover{background-color: #2279B4;color: #ffffff}
/*弹框*/
.layui-layer{background:url("/images/popup_bg.png")no-repeat;background-size:100% 100%;background-color:rgba(255,255,255,0)!important;opacity: 1;}
.popup-scrool{display: block;width: 100%;height: auto}
.layui-layer-max.layui-layer-maxmin{background: url("/images/shrink.png")no-repeat 0 0!important;width: 30px!important;height: 30px!important;top:-10px!important;right:-10px!important;}
.layui-layer-max{position: absolute;background: url("/images/enlarge.png")no-repeat 0 0!important;width: 30px!important;height: 30px!important;top:-28px!important;}
.layui-layer-setwin .layui-layer-min{display: none!important;}
.layui-layer-close{background: url(/images/close.png) no-repeat!important;background-size:100% 100%;width: 20px;height: 20px}
.popup{display:none;width: 100%;height: 100%;overflow: hidden;padding:55px 20px 20px 20px;opacity: 1;border-radius: 50px}
.popup-box{position:relative;width: 100%;height:100%;overflow: hidden}
.popup-box .popup-item{display: inline-block}
.popup-scroll{width: 100%;height: auto;}
.message-scroll{position: relative;width: 98%;height: auto;margin: 0 auto;max-height: 400px;overflow: hidden}
.popup-left{position: relative;width: 20%;height:auto;float: left;padding-right:5px;}
.popup-right{position: relative;width: 80%;height: auto;float: right;padding-left: 5px;}
.information{width: 100%;height: 30px;text-align: center;font-size: 14px;color: #ffffff;}
.information span{color: #FF0000;font-weight: bold;font-size: 16px;background-color: transparent}
.table-message{width: 98%;height: auto;margin: 0 auto}
.table-message thead tr th{color: #7290FF}
.table-message thead tr th,.table-message tbody tr td{height: 30px;text-align: center;font-size: 12px}
.table-message tbody tr:nth-child(2n),.table-message thead tr:nth-child(2n+1){cursor: pointer;background-color: #08122C}
.table-message tbody tr:hover,.table-message tbody tr.active{background-color: #0C2C6D;border: 1px solid #325191;cursor: pointer}
.table-message tbody tr td{color: #ffffff}
.message{position: relative;display: block;width: 100%;height: 30px;line-height: 30px}
.message>span:first-child{position: relative;font-size: 14px;color:#ffffff;margin-left: 15px}
.message>span strong{font-size: 16px;color: #FF0000;}
.message:before{content: "";position: absolute;width: 0;height: 0;top:6px;left: 0;border-top: 10px solid transparent;border-left: 10px solid #FF0000;border-bottom: 10px solid transparent;}
.contrail{display: block;width: 100%;height: auto;margin-bottom: 10px;margin-top:5px}
.contrail-tab{display: block;width: 100%;height: 40px;}
.contrail-tab li{display: inline-block;float: left;width: 180px;height: 40px;line-height: 40px;background:url("/images/table-unchecked.png")no-repeat;color: #ffffff;border-bottom: 0;cursor: pointer;text-align: center}
.contrail-tab li.active{background: url("/images/table-checked.png")no-repeat}
.contrail-box{display: block;width: 100%;height: 500px;min-height: 500px;margin-top:5px}
.contrail-item{display: block;height: 100%;width: 100%;}
.contrail_iframe,.relation{width:100%;height: 100%;display: block;}
.essential{position: relative;display: block;width: 100%;height:auto;margin-top: 10px;}
.person-info{position: relative;font-size: 14px;color: #ffffff;height: 30px;line-height: 30px;text-indent: 10px}
.person-info:before{content: "";position: absolute;width: 2px;height: 15px;top:7px;left: 0;background-color: #FF0000}
.person-pic,.info-box{display: inline-block;float: left;}
.person-pic{width:15%;height: 120px;text-align: center;vertical-align: middle;overflow: hidden}
.person-pic>img{width:auto;height:100%;max-width: 171px;max-height:212px}
.information-content{display: block;width: 100%;height:auto;padding: 10px;background: #070F23;border: 1px solid #344680;margin-left: 5px}
.info-box{width:83%;height: 120px}
.information-content .info-item{display: inline-block;float: left;width:33.3%}
.information-content .info-text{font-size: 12px;color: #4486D8;line-height: 32px}
.information-content .info-text span{font-size: 12px;color: #ffffff;}
.openinfo{padding: 2px 5px;background-color: #1E3269;border-radius: 3px;color: #ffffff}
.openinfo:hover{color: #ffffff;font-weight: bold}
.retract{position: absolute;display:inline-block;right: 20px;color: #ffffff;cursor: pointer;transition: all 0.5s}
.retract .fa{font-size: 16px;transition: all 0.5s}
/*密切联系人*/
.container-relation{width: 100%;height:100%;background-color: #070F23}
.relation-date{position: absolute;top:0;}
.relation-select{display: block;width: 100%;height: auto;padding: 10px;}
.relation-select>span{color: #ffffff}
.dateSelect{width:120px;height: 26px;padding: 0 5px;border: 1px solid #2A325A;background-color:rgba(2,9,41,0.6);color: #ffffff;text-align: center}
/*分页*/
.page-box{width: 100%;height:30px;text-align: center;position:relative;z-index:2;margin-top:5px}
.page-box .page{display: inline-block;text-align: center}
.page>ul.pagelist{height: 10px;line-height: 18px !important;float: left;position: relative;top: 2px;}
.page>ul.pagelist>li{width:18px;height: 18px;text-align: center;font-size: 12px;margin: 0 2px}
.page>ul.pagelist>li a.pageText{color:#fff !important;display: inline-block;min-width:18px;border:0px!important;background-color:transparent !important;font-size: 12px;border-radius:50%}
.page>ul.pagelist>li.active>a.pageText{background:#0286f6 !important;color:#fff}
.page>ul.pagelist>li>a.pageText:hover{background:#0286f6 !important;color:#fff}
.page>ul.pagelist>li.next>a.pageText{border-radius:0}
.page>ul.pagelist>li.prev{display:none!important}
.page .pageDiv{height:18px;vertical-align: middle}
.page .jumpDiv{height:18px;line-height:18px;vertical-align: middle;float: left;color: #fff;}
.page .jumpDiv input,.page .jumpDiv button{height:18px !important;line-height:14px !important;}
.page .jumpDiv button{background:#0286f6 !important;color:#fff!important;border-radius:3px;border:1px solid #0286f6 !important;}
.page .jumpDiv input{background:transparent;border:1px solid #0286f6 !important;color:#fff;border-radius:2px;}
/*Plugin CSS*/
.str_wrap {overflow:hidden;width:100%;font-size:12px;line-height:16px;position:relative;-moz-user-select: none;-khtml-user-select: none;user-select: none;background:transparent;white-space:nowrap;}
.str_wrap.str_active {background:transparent;}
.str_move {white-space:nowrap;position:absolute;top:0;left:0;cursor:move;color:#fff;font-size:12px;padding-right:10px}
.str_move_clone {display:inline-block;vertical-align:top;position:absolute;left:100%;top:0;}
.str_vertical .str_move_clone {left:0;top:100%;}
.str_down .str_move_clone {left:0;bottom:100%;}
.str_vertical .str_move,
.str_down .str_move {white-space:normal;width:100%;}
.str_static .str_move,
.no_drag .str_move,
.noStop .str_move{cursor:inherit;}
.str_wrap img {max-width:none !important;}
/*chrome scroll css*/
::-webkit-scrollbar-track{border-radius: 10px;-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0);}
::-webkit-scrollbar-thumb{background-color: rgba(0,0,0,0.05);border-radius: 10px;-webkit-box-shadow: inset 1px 1px 0 rgba(0,0,0,.1);}
::-webkit-scrollbar-thumb{background-color: rgba(0,0,0,0.2);border-radius: 10px;-webkit-box-shadow: inset 1px 1px 0 rgba(0,0,0,.1);}
::-webkit-scrollbar{width: 16px;height: 16px;}
::-webkit-scrollbar-track,
::-webkit-scrollbar-thumb{border-radius: 999px;border: 5px solid transparent;}
::-webkit-scrollbar-track{box-shadow: 1px 1px 5px rgba(0,0,0,.2) inset;}
::-webkit-scrollbar-thumb{min-height: 20px;background-clip: content-box;box-shadow: 0 0 0 5px rgba(0,0,0,.2) inset;}
::-webkit-scrollbar-corner{background: transparent;}
/*媒体查询*/
/*700*/
@media screen and (max-height:700px){
    .quickIcon{padding:6px 5px;}
    .quickIcon a{margin-left:3%;}
    .alarmSituation .table-alarm thead th{height:20px;}
    .alarmSituation .table-alarm tbody td{height:30px;}
    .page-box{height:23px}
    /*.data {top: 19%;}*/
}
/*700~800*/
@media screen and (min-height:700px) and (max-height:800px){
    .popup{padding-top: 55px}
    .quickIcon{padding:12px 5px;}
    .quickIcon a{margin-left:3%;}
    .alarmSituation .table-alarm thead th{height:36px;}
    .alarmSituation .table-alarm tbody td{height:38px;}
    .page-box{height:30px}
}
/*800~900*/
@media screen and (min-height:800px) and (max-height:900px){
    .popup{padding: 55px 30px 25px 30px}
    .quickIcon{padding:14px 5px;}
    .quickIcon a{margin-left:2%;}
    .alarmSituation .table-alarm thead th{height:45px;}
    .alarmSituation .table-alarm tbody td{height:45px;}
    .page-box{height:40px}
}
/*900~1000*/
@media screen and (min-height:900px) and (max-height:1000px){
    .popup{padding: 55px 40px 25px 40px}
    .quickIcon{padding:20px 5px;}
    .quickIcon a{margin-left:3%;}
    .alarmSituation .table-alarm thead th{height:54px;font-size:12px;}
    .alarmSituation .table-alarm tbody td{height:54px;font-size:12px;}
    .page-box{height:40px}
}
/*1000~1100*/
@media screen and (min-height:1000px) and (max-height:1100px){
    .popup{padding: 55px 40px 25px 40px}
    .quickIcon{padding:25px 5px;}
    .quickIcon a{margin-left:3%;}
    .alarmSituation .table-alarm thead th{height:70px;font-size:14px;}
    .alarmSituation .table-alarm tbody td{height:70px;font-size:14px;}
    .page-box{height:40px}
}